// 子传父
// 核心：在子组件中调用父组件中的函数并传递实参

import { useState } from "react"

function Son ({ onGetMsg }) {
  const sonMsg = 'this is son msg'
  return (
    <div>
      this is son
      <button onClick={() => onGetMsg(sonMsg)}>sendMsg</button>
    </div>
  )
}

function App () {
  const getMsg = (msg) => {
    console.log(msg)
    setMsg(msg)
  }
  const [msg, setMsg] = useState('')
  return (
    <div>
      this is App,{msg}
      {/* 传递给子组件方法 */}
      <Son onGetMsg={getMsg} />

    </div>
  )
}

export default App
